#app-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Minecraft', sans-serif;
  font-size: 20px;
  color: #55c57a;
  text-shadow: 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}

#app-loading:before,
#app-loading:after {
  content: "";
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  border: 6px solid #55c57a;
  border-bottom-color: transparent;
}

#app-loading:before {
  animation: rotate 1.2s linear infinite;
}

#app-loading:after {
  animation: rotate 1.2s linear infinite reverse;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
